<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
			div {
				width: 590px;
				height: 470px;
				border: 1px solid orange;
				margin: 0 auto;
				/* 相对定位,继续占有原来的位置 */
				position: relative;
				top: 60px;
			}

			.left {
				/* 绝对定位 */
				position: absolute;
				top: 50%;
				width: 25px;
				height: 35px;
				background-color: #ffffcc;
				text-align: center;
				line-height: 35px;
				/* border-top-right-radius: 10px; */
				/* border-bottom-right-radius: 10px; */
				border-radius: 0px 10px 10px 0px;
				margin-top: -17px;
			}

			a {
				text-decoration-line: none;
			}
		</style>
	</head>
	<body>
		<div>
			<img src="img/abc.jpg" width="590px" height="470px" />
			<a href="#" class="left">&lt; </a>
			<a href="#"> &gt; </a>
		</div>
		<div>博&nbsp;为&nbsp;峰</div>
	</body>
</html>
